<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>VM和插值语法2</title>
		<!-- 通过CDN的方式安装VUE -->
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
	</head>
	<body>
		<div id="box">
			<!-- 通过vm的对应get方法获取值  数据代理 -->
			{{ msg }}
			<h1>插值语法的其他用法</h1>
			<!-- 算数运算 -->
			<h2>{{ 1+1 }}</h2>
			<!-- 判断 -->
			<h2>{{ 1==1 }}</h2>
			<!-- 插值语法本身就代表vm -->
			<h2>{{ $options.el }}</h2>
		</div>
		<script type="text/javascript">
			//vm == viewmodel == vue.js
			const vm = new Vue({
				el:'#box',
				data:{
					msg:'hello'
				}
			})
			console.log(vm);
		</script>
	</body>
</html>
